import React, { Component } from 'react'
import { Link } from 'react-router'
import { Layout, Card, Icon, Row, Col } from 'antd';
import '@/common/css/index.less'
import EchartsViews from './EchartsViews'
import RechartsRadarChart from './RechartsRadarChart'

const { Header, Content, Sider } = Layout;

class Dashboard extends Component {

  render(){
    return (
      <Layout>
        <Sider width={240} className="charts-sider-left">
          <Card title="今日建议" className="card-common">
            <p>新增：156件</p>
            <p>已办理：39件</p>
          </Card>
          <Card title="今日评价" className="card-common">
            <p>好评：200件</p>
            <p>中评：1230件</p>
            <p>差评：10件</p>
          </Card>
          <Card title="所有建议" className="card-common">
            <p>总数：3569件</p>
            <p>已办理：1230件</p>
            <p>办理中：10件</p>
            <p>未办理：1230件</p>
            <p>逾期：10件</p>
          </Card>
          <Card title="建议评价" className="card-common">
            <p>好评：200件</p>
            <p>中评：1230件</p>
            <p>差评：10件</p>
            <p>未评：180件</p>
          </Card>
        </Sider>
        <Content className="content-common">
          <Row>
            <Col span={12} style={{paddingRight:10}}>
              <Card title="最新建议" extra={<a href="#">更多</a>} className="content-common-card">
                <p>关于食堂保洁工作的建议（2017年11月30日）</p>
                <p>关于生产区域着装的建议（2017年11月29日）</p>
                <p>强烈建议禁止在工作区域吸烟（2017年11月29日）</p>
                <p>厂区大门口长期有小商小贩摆摊......（2017年11月26日）</p>
                <p>关于干部廉洁奉公建设工作的建议（2017年11月24日）</p>
                <p>关于作息时间的建议（2017年11月23日）</p>
                <p>强烈建议禁止在厂区骑行共享单车（2017年11月21日）</p>
                <p>生活区长期有小商小贩摆摊，严......（2017年11月20日）</p>
              </Card>
            </Col>
            <Col span={12} style={{paddingLeft:10}}>
              <Card title="考核结果" extra={<a href="#">更多</a>} className="content-common-card">
                <p>关于食堂保洁工作的建议（2017年11月30日）</p>
                <p>关于生产区域着装的建议（2017年11月29日）</p>
                <p>强烈建议禁止在工作区域吸烟（2017年11月29日）</p>
                <p>厂区大门口长期有小商小贩摆摊......（2017年11月26日）</p>
                <p>关于干部廉洁奉公建设工作的建议（2017年11月24日）</p>
                <p>关于作息时间的建议（2017年11月23日）</p>
                <p>强烈建议禁止在厂区骑行共享单车（2017年11月21日）</p>
                <p>生活区长期有小商小贩摆摊，严......（2017年11月20日）</p>
              </Card>
            </Col>
          </Row>
          <Row style={{marginTop:20}}>
            <Col span={12} style={{paddingRight:10}}>
              <Card title="好评办理" extra={<a href="#">更多</a>} className="content-common-card">
                <p>关于食堂保洁工作的建议（2017年11月30日）</p>
                <p>关于生产区域着装的建议（2017年11月29日）</p>
                <p>强烈建议禁止在工作区域吸烟（2017年11月29日）</p>
                <p>厂区大门口长期有小商小贩摆摊......（2017年11月26日）</p>
                <p>关于干部廉洁奉公建设工作的建议（2017年11月24日）</p>
                <p>关于作息时间的建议（2017年11月23日）</p>
                <p>强烈建议禁止在厂区骑行共享单车（2017年11月21日）</p>
                <p>生活区长期有小商小贩摆摊，严......（2017年11月20日）</p>
              </Card>
            </Col>
            <Col span={12} style={{paddingLeft:10}}>
              <Card title="差评办理" extra={<a href="#">更多</a>} className="content-common-card">
                <p>关于食堂保洁工作的建议（2017年11月30日）</p>
                <p>关于生产区域着装的建议（2017年11月29日）</p>
                <p>强烈建议禁止在工作区域吸烟（2017年11月29日）</p>
                <p>厂区大门口长期有小商小贩摆摊......（2017年11月26日）</p>
                <p>关于干部廉洁奉公建设工作的建议（2017年11月24日）</p>
                <p>关于作息时间的建议（2017年11月23日）</p>
                <p>强烈建议禁止在厂区骑行共享单车（2017年11月21日）</p>
                <p>生活区长期有小商小贩摆摊，严......（2017年11月20日）</p>
              </Card>
            </Col>
          </Row>
        </Content>
        <Sider width={400} className="charts-sider-right">
          <Card title="待办任务" className="card-common">
                <p><a>张三关于食堂问题的建议</a> <span>（2018-03-19）</span></p>
                <p><a>张三关于食堂问题的建议</a> <span>（2018-03-19）</span></p>
                <p><a>张三关于食堂问题的建议</a> <span>（2018-03-19）</span></p>
                <p><a>张三关于食堂问题的建议</a> <span>（2018-03-19）</span></p>
                <p><a>张三关于食堂问题的建议</a> <span>（2018-03-19）</span></p>
          </Card> 
          <Card title="各部门办理意见统计" className="card-common">
              {/* <div  className="pb-m">
                  <h3>最近7天</h3>
              </div> */}
              <EchartsViews />
          </Card> 
          {/* <Card className="card-common">
              <div className="pb-m">
                  <h3>热力图</h3>
              </div>
              <RechartsRadarChart />
          </Card> */}
        </Sider>
      </Layout>
    )
  }
}

export default Dashboard;
